<template>
  <div class="test-container">
    <el-row type="flex" justify="center">
      <el-col :xs="12" :sm="24" :md="12" :lg="12" :xl="12">
        <el-row>
          <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
            <vab-player-hls
              :config="config2"
              @player="Player2 = $event"
            ></vab-player-hls>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>
<script>
  import { VabPlayerHls } from '@/plugins/vabPlayer.js'
  export default {
    name: 'Test',
    components: {
      VabPlayerHls,
    },
    data() {
      return {
        show: true,
        config2: {
          id: 'mse2',
          url: 'http://pull.shaoyue.top/live/test.m3u8',
          volume: 1,
          autoplay: true,
        },
        Player2: null,
      }
    },
    created() {},
    mounted() {},
    methods: {},
  }
</script>
<style scoped></style>
